<template>
  <div>
    <el-card shadow='never'>
      <el-descriptions
        v-if="form.basicData"
        direction="vertical"
        :column="1"
        border
      >
        <el-descriptions-item
          label="临床试验目的"
          v-if="form.basicData.FAXX"
        >{{ form.basicData.FAXX.goal }}</el-descriptions-item>
        <el-descriptions-item
          label="临床方案"
          v-if="form.basicData.FAXX"
        >{{ form.basicData.FAXX.scheme }}</el-descriptions-item>
        <el-descriptions-item
          label="例数"
          v-if="form.basicData.FAXX"
          :span="2"
        >{{ form.basicData.FAXX.count }}</el-descriptions-item>
        <el-descriptions-item
          label="纳入标准"
          v-if="form.basicData.FAXX"
        >{{ form.basicData.FAXX.bringInto }}</el-descriptions-item>
        <el-descriptions-item
          label="排除标准"
          v-if="form.basicData.FAXX"
        >{{ form.basicData.FAXX.exclude }}</el-descriptions-item>
        <!-- <el-descriptions-item label="知情同意书">{{ form.basicData.FAXX.consent }}</el-descriptions-item> -->
      </el-descriptions>
    </el-card>
  </div>
</template>

<script>
import { mapState } from 'vuex';
export default {
    data() {
        return {
            form: {}
        };
    },
    computed: {
        // ...mapState(['applyFor'])

        ...mapState({
            flag: (state) => {
                return state.applyFor.listFlag;
            },
            basicJbxx: (state) => {
                return state.applyFor;
            }
        })
    },
    mounted() {
        if (this.flag == 'apply') {
            this.form = this.basicJbxx;
        } else if (this.flag == 'tabs') {
            this.form = this.basicJbxx;
        }
    }
};
</script>

<style>
.el-descriptions--mini,
.el-descriptions--small {
    font-size: 18px;
    color: #ff0000;
}
.el-descriptions-item__label.is-bordered-label {
    font-size: 18px;
    color: #222;
}
</style>
